<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">

	<head>
		<title>俗谣雅玖-留言</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<!-- css -->
		<link rel="stylesheet" href="/css/style.css" type="text/css" media="all" />
		<!--// css -->
		<!-- font-awesome icons -->
		<link href="/css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
		<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
		<!-- //font -->
		<script src="/js/jquery-1.11.1.min.js"></script>
		<script src="/js/bootstrap.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>
		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>

	<body>
		<!-- banner -->
		<div class="banner jarallax">
			<div class="agileinfo-dot">
				<div class="header">
					<div class="container">
						<div class="header-top-grids">
							<div class="agileits-logo">
								<h1><a href="index.jsp">SY <span>SuYaoYaJiu</span></a></h1>
							</div>
							<div class="top-nav">
								<nav class="navbar navbar-default">
									<div class="navbar-header">
										<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
									</div>
									<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
										<nav>
											<ul class="nav navbar-nav">
												<li>
													<a href="index.jsp">主页</a>
												</li>
												<li>
													<a href="about.jsp">关于我们</a>
												</li>
												<li>
													<a href="gallery.jsp">画廊</a>
												</li>
												<li class="active">
													<a href="mail.jsp">留言</a>
												</li>
											</ul>
										</nav>
									</div>
								</nav>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="wthree-heading">
					<h2>Contact</h2>
				</div>
			</div>
		</div>
		<!-- //banner -->
		<!-- contact -->
		<div class="contact">
			<div class="container">
				<div class="agile-contact-form">
					<div class="col-md-6 contact-form-left">
						<div class="w3layouts-contact-form-top">
							<h3>联系我们</h3>
							<p>爱情<br />于千万人之中遇见你所要遇见的人<br />于千万年之中，时间无涯的荒野里<br /> 没有早一步，也没有晚一步，刚巧赶上了
								<br />一生中你会遇到5000万个人，却只有一个即将陪你走上神圣的殿堂<br /> 为了这份缘分，俗谣雅玖愿为你策划，替你忙碌
								<br />我们都力求创造一个——————爱、浪漫臻于完美的婚礼</p>
						</div>
						<div class="agileits-contact-address">
							<ul>
								<li><i class="fa fa-phone" aria-hidden="true"></i> <span>+86 18626833296</span></li>
								<li><i class="fa fa-phone fa-envelope" aria-hidden="true"></i> <span><a href="mailto:example@email.com">18626833296@163.com</a></span></li>
								<li><i class="fa fa-map-marker" aria-hidden="true"></i> <span>浙江省温州市鹿城区滨江街道府东路717号<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浙江工贸职业技术学校</span></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 contact-form-right">
						<div class="contact-form-top">
							<h3>给我们留言</h3>
						</div>
						<div class="agileinfo-contact-form-grid">
							<form action="#" method="post">
								<input type="text" name="Name" placeholder="姓名" required="">
								<input type="email" name="Email" placeholder="邮件" required="">
								<input type="text" name="Telephone" placeholder="电话" required="">
								<textarea name="Message" placeholder="留言" required=""></textarea>
								<button class="btn1">提交</button>
							</form>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>

		<!-- //footer -->
		<!-- copyright -->
		<div class="agileits-w3layouts">
			<div class="container">
				<p>Copyright &copy; SYYJ.Company name All rights reserved.More Templates </p>
			</div>
		</div>
		<!-- //copyright -->
		<!-- jarallax -->
		<script src="/js/jarallax.js"></script>
		<script src="/js/SmoothScroll.min.js"></script>
		<script type="text/javascript">
			/* init Jarallax */
			$('.jarallax').jarallax({
				speed: 0.5,
				imgWidth: 1366,
				imgHeight: 768
			})
		</script>
		<!-- //jarallax -->
		<script src="/js/SmoothScroll.min.js"></script>
		<script type="text/javascript" src="/js/move-top.js"></script>
		<script type="text/javascript" src="/js/easing.js"></script>
		<!-- here stars scrolling icon -->
		<script type="text/javascript">
			$(document).ready(function() {


				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>

		<script src="/js/modernizr.custom.js"></script>

	</body>

</html>